Menü für Mobile und Desktop
- Harry
- Autor
- Neues Mitglied
-
- Thomas Hunziker
-
- Offline
- Administrator
-
- Thomas Hunziker
-
- Offline
- Administrator
-
7 Jahre 8 Monate her #3209
von Thomas Hunziker
Thomas Hunziker antwortete auf Menü für Mobile und Desktop
> Ich habe die - in background_image durch _ ersetzt
Sollte eigentlich nicht mehr geblockt werden. Falls doch muss ich nochmal mit dem Hoster reden
Sollte eigentlich nicht mehr geblockt werden. Falls doch muss ich nochmal mit dem Hoster reden
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Harry
- Autor
- Neues Mitglied
-
7 Jahre 8 Monate her - 7 Jahre 8 Monate her #3219
von Harry
Harry antwortete auf Menü für Mobile und Desktop
Shit beim Absenden einen Servertimeout bekommen... also alles nochmal von vorne ^^
So sieht jetzt mein Code in der Custom.css aus die auf meinem Server liegt:
Note: Background_image hat natürlich einen "-"
Dieser Code wollte nicht funktionieren - warum auch immer:
Dann unter den Zeilen nach /** Nur Desktop **/ werden die werte für left, top, width, height ignoriert in der Desktopansicht.
Habe die anderen Zeilen wieder eingefügt (#topmenu ul.menu ul.nav-child und #topmenu ul.menu ul.nav-child li a, #topmenu ul.menu ul.nav-child li span.separator) und um 1px verändert, dann mit Firebug ausgelesen und festgestellt, daß diese Werte angenommen werden. Wenn diese Zeilen deaktiviert werden dann ist in der Desktopansicht wieder das Untermenü verschoben und klein.
Ich weiß, daß hier kein CSS Forum ist, aber kannst Du mir bitte diese Zeile erklären?
@media (min-width: @navbarCollapseDesktopWidth)
Ich habe versucht hier schlauer zu werden: wiki.selfhtml.org/wiki/CSS/Media_Queries sehe nicht durch - sorry
stehe noch am Anfang mit CSS.
Besten Dank für Eure Zeit und Mühe, ihr seid wirklich Klasse! Danke vielmals. Jetzt sieht es so aus wie ich es haben wollte
Schöne Grüße
Harry
So sieht jetzt mein Code in der Custom.css aus die auf meinem Server liegt:
Note: Background_image hat natürlich einen "-"
Code:
/* Schriftart der Seite ändern - Hintergrundbild entfernt (rauschen) */
body {
margin: 0;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
line-height: 1.3em;
color: #555555;
background-color: #ffffff;
background_image: none;
text-shadow: none;
}
/* Maincontent Hintergrundbild entfernt (rauschen) */
#maincontent {
background_image: none;
}
/* Schriftgröße vom Menü und Schatten entfernt*/
#topmenu ul.menu > li a,
#topmenu ul.menu > li span.separator {
font-size: 45px;
font-family: "Source Sans Pro";
font-weight: 200;
text-shadow: none;
}
/* Untermenü Schriftschatten entfernen*/
#topmenu ul.menu li ul li a {
text-shadow: none;
}
/* Untermenücontainer positioniert - diese einstellung (left, top, width, height) wird laut Firebug nicht verwendet*/
ul.nav-child {
/** Nur Desktop **/
@media (min-width: @navbarCollapseDesktopWidth) {
left: 47px;
top: 42px;
width: 180px;
height: 70px;
box-shadow: none;
}
li a,
li span.separator {
font-size: 15px;
width: 111px;
}
}
/* erst durch diese Zeilen wird das Untermenue positioniert - bei Fullscreen */
#topmenu ul.menu ul.nav-child {
border-radius: 4px;
left:48px; top:43px; width:181px; height:71px;
}
/* erst durch diese Zeilen wird das Untermenue in der Schriftgroeße und breite angepasst - bei Fullscreen */
#topmenu ul.menu ul.nav-child li a, #topmenu ul.menu ul.nav-child li span.separator {
font-size: 15px;
width: 111px;
}
/* Menü zentrieren und SMALL-CAPS gesetzt*/
#topmenu .nav.menu {
text-align: center;
font-variant: small-caps;
}
/* Äussere Linie um den Maincontent entfernt */
#maincontent > .blog {
border: none !important;
}
/* Gallery Ansicht - Titel linksbündig, Schriftgröße in PX angepasset, Border bottom Style angepasst, padding auf 0 gesetzt */
.page-header h1 {
border-bottom: 1px solid;
color: #000000;
font-size: 42px;
font-variant: normal;
margin: 0 0 25px 0;
padding: 0 0px;
text-align: left;
font-weight: 200;
}
/* KategorieAnsicht einer einzelnen Kat. Border auf Null mit "Important" und Box-Shadow auch auf Null gesetzt*/
.pg-cv-box {
box-shadow: none;
border: none !important;
}
/* unnötige Line in der KategorieAnsicht entfernt */
.page-header {
border-bottom: none;
}
/* Subfoot Schatten entfernt - Copyright */
#subfoot {
box-shadow: none;
}
/* Go to Top - Style geändert */
#footer a#gotop {
color: #000;
text-shadow: none;
}
#scroll_up {
float: none;
font-size: 12px;
font-weight: 200;
margin-top: none;
text-align: center;
}
/* CookieHint Button anpassung zweiter Teil - erster Teil in der Style.css */
.btn {
background_image: none;
}
/*Papierecken-Effekt entfernt in der Modulposition "bottom2" */
.module .chrome-border.left-bottom {
background_image: none;
}
.module .chrome-border.left-top {
background_image: none;
}
.module .chrome-border.right-top {
background_image: none;
}
.module .chrome-border.right-bottom {
background_image: none;
}
/*Papierecken-Effekt entfernt in den Artikeln (aufgebogenes Papier) */
.shadow-right {
background_image: none;
}
.shadow-left {
background_image: none;
}
Dieser Code wollte nicht funktionieren - warum auch immer:
Code:
.shadow-right, .shadow-left {
background_image: none;
}
Dann unter den Zeilen nach /** Nur Desktop **/ werden die werte für left, top, width, height ignoriert in der Desktopansicht.
Habe die anderen Zeilen wieder eingefügt (#topmenu ul.menu ul.nav-child und #topmenu ul.menu ul.nav-child li a, #topmenu ul.menu ul.nav-child li span.separator) und um 1px verändert, dann mit Firebug ausgelesen und festgestellt, daß diese Werte angenommen werden. Wenn diese Zeilen deaktiviert werden dann ist in der Desktopansicht wieder das Untermenü verschoben und klein.
Ich weiß, daß hier kein CSS Forum ist, aber kannst Du mir bitte diese Zeile erklären?
@media (min-width: @navbarCollapseDesktopWidth)
Ich habe versucht hier schlauer zu werden: wiki.selfhtml.org/wiki/CSS/Media_Queries sehe nicht durch - sorry
stehe noch am Anfang mit CSS.
Besten Dank für Eure Zeit und Mühe, ihr seid wirklich Klasse! Danke vielmals. Jetzt sieht es so aus wie ich es haben wollte
Schöne Grüße
Harry
Letzte Änderung: 7 Jahre 8 Monate her von Harry.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
Ladezeit der Seite: 0.205 Sekunden